<%@ page language="java" pageEncoding="ISO-8859-1"%>

<%@ taglib uri="/WEB-INF/tld/struts-layout.tld" prefix="la"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>

<la:html key="geo.reporte.title">
<head>
	<html:base />
	<script
		src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAPDUET0Qt7p2VcSk6JNU1sBTfNr5UEQLT8GRTB7pSzkC2Mqfn4hRK-i12rXVdHRCdEZNxKJmdvtm4Rg"
		type="text/javascript"></script>
	<script
		src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAPDUET0Qt7p2VcSk6JNU1sBTfNr5UEQLT8GRTB7pSzkC2Mqfn4hRK-i12rXVdHRCdEZNxKJmdvtm4Rg"
		type="text/javascript"></script>

	<script
		src="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js"
		type="text/javascript"></script>
<%--AGREGADO		--%>
<%--    <link type="text/css" rel="Stylesheet" media="screen" href="css/redInfoWindow.css"/>--%>
<%--AGREGADO		--%>
	<link
		href="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css"
		rel="stylesheet" type="text/css" />

	<style type="text/css">
    .gsmsc-mapDiv {  
      height : 400px; 
    } 

    .gsmsc-idleMapDiv { 
      height : 400px; 
    } 
 
    #mapsearch { 
      width : 600px; 
      margin: 10px; 
      padding: 4px; 
    }
<%--AGREGADO    --%>
<%--      #map{--%>
<%--        width: 49%;--%>
<%--        height: 400px;--%>
<%--        float: left;--%>
<%--      }--%>
<%--      #demo_explanation{--%>
<%--        border-right: 1px solid #000;--%>
<%--        float: left;--%>
<%--        width: 49%;--%>
<%--        margin-right: 5px;--%>
<%--        padding-right: 5px;--%>
<%--        font-size: .9em;--%>
<%--      }--%>
<%--      iframe{--%>
<%--        background-color: #DDD;--%>
<%--        border: 0;--%>
<%--        margin-left: 20px;--%>
<%--        font-size: .9em;--%>
<%--      } --%>
<%--AGREGADO    --%>      
  </style>
</head>
<body onunload="GUnload()">

	<la:form action="/administrarTematicos" styleClass="FORM"
		key="TipoReporte">
		<html:hidden property="posicionWizzard" value="4" />
		<html:hidden property="currentForward"
			value="VISUAL_REPORTE_ZONAL_FWD" />
		<c:if test="${not empty AdministradorTematicosForm.listaJSONObjects}">
			<c:forEach var='beanJSONString'
				items='${AdministradorTematicosForm.listaJSONObjects}'>
				<html:hidden name="beanJSONString" property="json" />
			</c:forEach>
		</c:if>
		<la:panel>
			<la:text key="geo.tipoTematico" property="tipoReporte"
				readonly="true"></la:text>
			<la:text key="geo.fechaInicial" property="SFechaInicial"
				styleClass="LABEL" readonly="true"></la:text>
			<la:text key="geo.fechaFinal" property="SFechaFinal"
				styleClass="LABEL" readonly="true"></la:text>
			<la:text property="tipoDelito" key="TipoDenuncia" readonly="true">
			</la:text>
			<la:text property="numeroIntervalos" key="geo.numIntervalos">
			</la:text>
			<la:panel key="geo.reporte.visualizacion">
				<div id="mapsearch" style="width: 450px; height: 350px">
				</div>
				<script src="/CS/modules/comun/js/submits.js" type="text/javascript">
				</script>
				<script src="/CS/modules/comun/js/utils.js" type="text/javascript">
				</script>
				<script src="/CS/modules/comun/js/googleMapFunctions.js"
					type="text/javascript">
				</script>
				<script type='text/javascript'
					src='/CSWeb/dwr/interface/BeanListaZonal.js'></script>
				<script type='text/javascript'
					src='/CSWeb/dwr/interface/AdminTematicoForm.js'></script>
				<script type='text/javascript' src='/CS/dwr/engine.js'></script>
<%--				<script type='text/javascript' src='/CS/modules/comun/js/markermanager.js'></script>--%>
<%--				<script type='text/javascript' src='/CS/modules/comun/js/extinfowindow.js'></script>				--%>
				<script type="text/javascript">
<%--    				var application = new CopSoftware();--%>
					var map=showMap(14);
					function f_ListaZonas(options)
					{						
						for(i=0;i<options.length;i++)
						{
							var geo=eval(options[i]);
							map.addOverlay(geo);
						}						
					}
<%--					BeanListaZonal.getLista(f_ListaZonas);					--%>
					var form = document.AdministradorTematicosForm;
<%--					function f_getPruebaSetParameters(result)--%>
<%--					{	--%>
<%--						alert(result);--%>
<%--					}--%>
<%--					alert(form.json[0].value);--%>
<%--					alert(form.json[1].value);--%>
<%--					alert(form.json[2].value);--%>
					var arreglo = createStringsArray(form.json);					
<%--					arreglo[0]=form.json[0].value;--%>
<%--					arreglo[1]=form.json[1].value;--%>
<%--					arreglo[2]=form.json[2].value;--%>
<%--					alert(arreglo);--%>
					BeanListaZonal.getListaTematicoZonal(arreglo,f_ListaZonas);
    			</script>
			</la:panel>
			<la:formActions>
				<la:image property="btnGuardar" srcKey="image.guardar"
					altKey="image.guardar.alttext" bundle="bundle.image">
				</la:image>
				<la:image property="btnRegresar" srcKey="image.regresar"
					altKey="image.regresar.alttext" bundle="bundle.image">
				</la:image>
				<la:image property="btnCancelar" srcKey="image.cancelar"
					altKey="image.cancelar.alttext" bundle="bundle.image">
				</la:image>
			</la:formActions>
		</la:panel>
	</la:form>
</body>
</la:html>
